<template>
    <div class="sale-control-record">
         <div class="bg">
             <img src="@/assets/img/goods/kxzcBg.png">
         </div>
         <search-form :searchArray="searchArray"></search-form>
         <elTable :formData="formData" @tableData="getList" ref="dataInfo">
                <el-table-column prop="name" label="客户信息" align="center"></el-table-column>
                <el-table-column prop="group" label="收货地区" align="center"></el-table-column>
                <el-table-column prop="group" label="申请采购药品" align="center"></el-table-column>
                <el-table-column prop="group" label="申请采购区域" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="申请采购日期" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="控销协议图片" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="控销状态" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="保证金状态" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="采购状态" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="控销时间" align="center"></el-table-column>
                <el-table-column prop="action" label="操作" align="center" width="160px">
                    <template slot-scope="">
                    </template>
                </el-table-column>
        </elTable>
    </div>
</template>
<script>
import elTable from "@/components/xForm/elTable"
export default {
    name: 'saleControlRecord',
    components: {
        elTable
    },
    data () {
        return {
            formData: {
                name: "",
                userName: "",
                userStatus: "",
                currentPage: 1,
                pageSize: 10,
            },
            searchArray: [
                {
                    type: "input",
                    placeholder: "请输入客户名称",
                    types: "text",
                    value: "",
                    label: "客户名称"
                },
                {
                    type: "input",
                    placeholder: "请输入手机号码",
                    types: "text",
                    value: "",
                    label: "手机号码"
                },
                {
                    type: "input",
                    placeholder: "请输入用户名称",
                    types: "text",
                    value: "",
                    label: "用户名称"
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '支付状态',
                    list: [
                    {
                        label: "",
                        value: ""
                    }
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '采购状态',
                    list: [
                    {
                        label: "",
                        value: ""
                    }
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '控销状态',
                    list: [
                    {
                        label: "",
                        value: ""
                    }
                    ]
                }
            ],

        }
    },
    methods: {
        getList(pageNo) {
            let dataInfo = [
                {
                    id: 1,
                    name: "你好",
                    createTime: '1595244696000'
                },
                {
                    id: 2,
                    name: "你好1",
                    createTime: '1595244696000'
                },
            ];
            let total = 10;
            this.$nextTick(() => {
                this.$refs.dataInfo.loadData(dataInfo, total);
            })
        },
    }
}
</script>
<style lang="scss" scoped>
.sale-control-record {
    .bg {
        width: 100%;
        background: #fff;
        padding: 10px;
        margin-bottom: 15px;
        img {
            width: 100%;
        }
    }
    .search-form {
        margin-bottom: 15px;
    }
}
</style>